<template>
  <div>
    <div class="evalItem">
      <div class="item-left">
        <span class="iconfont" v-html="iconName" >iconName</span>
      </div>
      <div class="item-title">{{itemName}}</div>
      <div class="item-right">去填写</div>
    </div>
  </div>
</template>
<script>
export default {
  name: "HomeItem",
  props: {
    iconName : String,
    itemName : String
  },
  data() {
    return {

    };
  }
};
</script>
<style lang='stylus' scope>
@import '~@/assets/varibles.styl';
.evalItem {
  display: flex;
  line-height: 1rem;
  background: $headbgcolor;
  margin-top: 0.1rem;

  .item-left {
    width: 0.64rem;
    float: left;
    margin-left: 0.2rem;
  }

  .item-title {
    flex: 1;
    height: 0.64rem;
    padding-left: 0.2rem;
    color : black 
  }

  .item-right {
    float: right;
    text-align: center;
    margin-right: 0.2rem;
    color : black 
  }
  .iconfont {
    color $themecolor;
    font-size 25px;
  }
}
</style>